html {
    font-size: 15.625vw;
}

body {
    width: 100%;
    min-width: 3.2rem;
    max-width: 6.4rem;
    margin: 0 auto;
    background: #fff;
    font-size: .14rem;
    font-family: -apple-system, 'Helvetica', sans-serif;
    color: #666;
    /* line-height: .015rem; */
    height: auto;
}

header {
    height: 1.34rem;
    background-image: linear-gradient(to top, #ff8578, #ff6040, #ee4e2e);
    position: relative;
    box-shadow: 0 .05rem .1rem #ffd6d0;
}

.red {
    color: #ff6040;
}

header .time {
    padding-left: .2rem;
    line-height: .3rem;
    color: white;
}

header .time::before {
    content: "\e69b";
    font-family: iconfont;
    display: inline-block;
    position: absolute;
    right: .15rem;
    line-height: .3rem;
}

header span[class$="icon-IOTtubiao_huabanfuben"]:after {
    content: "\e6b5";
    font-family: iconfont;
    display: inline-block;
    font-size: .18rem;
}

span[class="iconfont icon icon-IOTtubiao_huabanfuben"]::before {
    padding-right: .05rem;
}

span[class="iconfont icon icon-IOTtubiao_huabanfuben"] {
    position: absolute;
    right: .3rem;
    color: white;
    line-height: .3rem;
}